<?php
$this->template->add_js_lib("bjqs-1.3.min.js");
$this->template->add_css_lib("bjqs.css");
?>

<div id="slider">
    <div class="main-slider" id="home-slider">
	<ul class="bjqs">
		<?php
			if ($programs)
			foreach ($programs as $program) {
			?>
			<li>
				<a href="<?php echo program_url($program->PROG_CODE); ?>" style="background-image: url(<?php echo $program->PROG_COVER; ?>);">
					<img src="<?php echo $program->PROG_COVER; ?>" alt="<?php echo $program->PROG_TITLE; ?>" />
				</a>
			</li>
		<?php  } //end of foreach program  ?>
	</ul>
	<?php /*
        <!-- slider -->
        <div style="max-width:710px;">

            <div id="amazingslider" style="display:block;position:relative;">
                <ul class="amazingslider-slides" style="display:none;">
                    <?php
                    if ($programs)
                        foreach ($programs as $program) {
                            ?>
                            <li>
                                <a href="<?php echo program_url($program->PROG_CODE); ?>">
                                    <img src="<?php echo $program->PROG_COVER; ?>" alt="<?php echo $program->PROG_TITLE; ?>" />
                                </a>
                            </li>
                        <?php  } //end of foreach program  ?>
                </ul>
                <ul class="amazingslider-thumbnails" style="display:none;">
                    <?php
                    if ($programs)
                        foreach ($programs as $program) {
                            ?>
                            <li><img src="<?php echo $program->PROG_THUMB; ?>" alt="<?php echo $program->PROG_TITLE; ?>" /></li>
                        <?php } //end of foreach program  ?>

                </ul>
            </div>

        </div>
        <!-- end slider -->		
	*/ ?>
    </div>

</div><!-- end lock1 -->
<script type="text/javascript">
$(function () {
	if ($('#home-slider').size()> 0) {
		$('#home-slider').bjqs({
			'height' : 237,
			'width' : 980
		});
	}
	
});
</script>